<template>
    <!-- <div class="newsinfo-container">
        <h3 class="title">{{newsinfo.title}}</h3>
        <p class="subtitle">
            <span>发表时间：{{newsinfo.add_time}}</span>
            <span>点击：{{newsinfo.click}}次</span>
        </p>
        <hr>
        <div class="content" v-html="newsinfo.content"></div>
        <comment-box :id="this.id"></comment-box>
    </div> -->
    <div class="newsinfo-container">
        <h3 class="title">《狮子王》反派一上位，草原怎么就秃了？
            科学解释：这个锅刀疤背得冤枉…
        </h3>
        <p class="subtitle">
            <span>原创 中国日报 2019-07-21 15:15:02</span>
            <span>点击：0次</span>
        </p>
        <hr>
        <div class="content">
            <p>
                时隔25年，曾被誉为迪士尼巅峰之作的《狮子王》“卷土重来”，再次成为卖座热点。
                <img src="http://p9.pstatp.com/large/pgc-image/RWq9diq1IQwwMR" alt="">
                在这部动物界的“王子复仇记”中，除了小狮王辛巴之外，备受瞩目的就是辛巴的叔叔、
                大反派刀疤。
                <img src="http://p9.pstatp.com/large/pgc-image/RWq9dj9DI9TODS" alt="">
                刀疤杀死哥哥木法沙，夺取王位。幼小的辛巴失去父亲，无家可归。但最
                终，在朋友的帮助下，辛巴健康长大，最终走向重夺家园的复仇之路。
                <img src="http://p1.pstatp.com/large/pgc-image/RWLwsqc76DXpmq" alt="">
                电影自然是大圆满结局。但仔细想想，刀疤的统治最终走向覆亡的原因，除了杀兄夺位、失道寡助之外，是否
                还有更科学的解释？CD君发现，其实，刀疤统治失败的秘密竟然蕴含在初中地理课本里。
                <img src="http://p3.pstatp.com/large/pgc-image/RWq9dk676CZ97B" alt="">
                刀疤初登王位，草原就“秃”了电影里有一幕令人印象深刻，刀疤刚登上王位不久，曾经水草丰
                沛的王国，开始变得荒芜凄凉。
                当然，电影是为了渲染气愤，利用布景区分正派和反派：木法沙统治下的草原欣欣向荣，而刀疤统治时期则变得阴森恐怖.这是因为刀疤杀兄篡位、不得人心、
                统治不科学吗？或许电影想要传达这样的含义。但仔细想想，如此设置情节似乎又有些不合逻辑。
                木法沙统治时期，拥护王位的几乎都是食草动物，比如斑马、羚羊、长颈鹿、大象等等。相比之下，
                刀疤以及军团里的小弟斑鬣狗，都是食肉动物。
                按照常理，似乎是食草动物对草原的威胁更大。
                <img src="http://p3.pstatp.com/large/pgc-image/RWq9eCI57VCyLB" alt="">
                而且，刀疤带领斑鬣狗“开荤”，导致食草动物数量减少，这并不违背自然法则，草原应
                该更加繁茂才对。更何况，狮群和斑鬣狗又不吃草，为什么在他们的统治时期，草原反而瞬间变秃了？
            </p>
        </div>
        <comment-box :id="this.id"></comment-box>
    </div>
</template>

<script>
import comment from '../subcomponents/comment.vue'
import {Toast} from 'mint-ui'
export default{
    data(){
        return{
            id:this.$route.params.id,
            newsinfo:{}
        }
    },
    created(){
        this.getNewsInfo();
    },
    // methods: {
    //     getNewsInfo(){
    //         this.$http.get("api/getnew/"+this.id).then(result =>{
    //             if(result.body.status===0){
    //                 this.newsinfo=result.body.message[0];
    //             }else{
    //                 Toast('获取新闻失败！')
    //             }
    //         })
    //     }
    // },
    components:{
        'comment-box':comment
    }
}
</script>

<style lang="less" scoped>
.newsinfo-container{
    padding: 0 4px;
    .title{
        font-size: 16px;
        text-align: center;
        margin: 15px 0;
        color: red;
    }
    .subtitle{
        font-size: 13px;
        color: #226aff;
        display: flex;
        justify-content: space-between;
    }
    .content{
        img{
            width: 100%;
        }
    }

}

</style>
